<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery/jquery1.9/jquery-1.9.0.js"></script>
    <script>
        $(function(){
            //鼠标事件
            $("li").click(function(){
                console.log($(this).html());
            });
            //鼠标悬浮和鼠标离开事件
            // $("li").mouseover(function(){
            //     console.log("悬浮");
            // }).mouseout(function(){
            //     console.log("离开");
            // });

            //键盘事件,执行顺序：keydown(按下键盘)-->keypress(向下按压,产生可打印的字符时)-->keyup(释放键盘)
            // $("#username").keydown(function(e){//事件对象,包含该事件相关的一些信息
            //     console.log(e.keyCode);
            //     console.log("keydown");
            // }).keyup(function(){
            //     console.log("keyup");
            // }).keypress(function(){
            //     console.log("keypress");
            // });
            // $(document).keydown(function(e){//事件对象
            //     if(e.keyCode==13){
            //         console.log("您点击了回车键");
            //     }

            // });

            //获得焦点和失去焦点事件
            $("#username").focus(function(){
                $(this).css("background","red");
            }).blur(function(){
                $(this).css("background","green");
            });

            //让普通按钮具有提交表单的功能
            $("#btn").click(function(){
                $("#myform").submit();
            });

            //阻止表单的提交
            $("#myform").submit(function(){
                //trim()去掉首尾的空格
               var username=$("#username").val().trim();
               if(username==""){
                    return false;
               }
               return true;

            });

        });
    </script>
</head>
<body>
    <ul>
        <li>li01</li>
        <li>li02</li>
        <li>li03</li>
    </ul>
    <form action="success.html" id="myform" >
        <input type="text" id="username" name="username">
        <!-- <input type="button" value="注册" id="btn"> -->
        <input type="submit" value="注册" id="btn2">
    </form>
   
</body>
</html>